<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>7-过滤器</title>
		<link rel="stylesheet" href="../../css/css01.css" />
		<script type="text/javascript" src="../../lib/vue/vue.min.js" ></script>
		<!-- 导入日期格式化的工具类 -->
		<script type="text/javascript" src="../../lib/moment/moment.js"></script>
	</head>
	<body>
		<div id="app">
			原版<p>{{date}}</p>
			完整版<p>{{date | formatDate('YYYY-MM-DD HH:mm:ss')}}</p>
		</div>
		<script>
			// 过滤器的默认第一个参数就是|之前的那个传递的那个参数，后面的参数为手动传递的参数
			Vue.filter('formatDate', function (value,format) {
				return moment(value).format( format || 'YYYY-MM-DD HH:mm:ss' ); 
			})
			
			new Vue({
				el: "#app",
				data: {
					date: new Date() 
				}
			})
		</script>
	</body>
</html>
